<template>
    <div>
    <Menu mode="horizontal" :theme="theme1" active-name="1">
        <MenuItem name="1" to='/'>
            <Icon type="ios-paper" />
            首页
        </MenuItem>
        <Submenu name="2">
            <template slot="title">
                <Icon type="ios-people" />
                用户管理
            </template>
            <MenuItem name="2-1" to='/user/look'>基本信息</MenuItem>
            <MenuItem name="2-2" to='/user/manager'>用户管理</MenuItem>

        </Submenu>
        <!-- <MenuItem name="2" to='user'>
            
            用户管理
        </MenuItem> -->
        <Submenu name="3">
            <template slot="title">
                <Icon type="ios-stats" />
                图表
            </template>
            <MenuItem name="3-1" to='/chart/system'>柱状图和饼图</MenuItem>
            <MenuItem name="3-2" to='/chart/example'>折线图</MenuItem>
            <MenuItem name="3-3" to='/chart/heat'>热力图</MenuItem>
        </Submenu>
        <Submenu name="4">
            <template slot="title">
                <Icon type="ios-people" />
                报表统计
            </template>
            <MenuItem name="4-1" to='/report/base'>基本报表</MenuItem>
            <MenuItem name="4-2" to='/report/user'>用户管理</MenuItem>

        </Submenu>
    </Menu>
    <router-view />
    
    </div>
    
</template>

<script>
    export default {
        data () {
            return {
                theme1: 'dark'
            }
        }
    }
</script>
